<template>
    <div class="Right02-box">
        <router-link to="../Classify01/003">
         <div class="map01">
             <img src="/imgszn/让孩子.jpg" alt="">
         </div>
         </router-link>
         <router-link to="../Classify01/004">
         <div class="map02">
             <img src="/imgszn/CSGO.jpg" alt="">
         </div>
         </router-link>
        <section>
             <router-link to="../Classify04">
            <h1>记忆提升
            </h1>
            </router-link>
             <router-link to="../Classify04">
            <div class="Right02-box02">
            <div class="Right02-box01">超脑特训营</div>
            <div class="Right02-box01">思维导图</div>
            
            </div>
            </router-link>
        </section>
         <section>
              <router-link to="../Classify04">
              <h1>投资理财
            </h1>
             </router-link>
               <router-link to="../Classify04">
             <div class="Right02-box02">
             <div class="Right02-box01">理财入门</div>
               <div class="Right02-box01">基金投资</div>
                 <div class="Right02-box01">股票投资</div>
                   </div>
                    </router-link>
        </section>
         <section>
             <router-link to="../Classify04">
              <h1>副业变现
            </h1>
             <div class="Right02-box02">
           <div class="Right02-box01">声音美化</div>
             <div class="Right02-box01">服装搭配</div>
              <div class="Right02-box01">短视频直播</div>
               <div class="Right02-box01">商业插画</div>
             </div>
              </router-link>
        </section>
        
       
    </div>
        
</template>

<script>



export default {
    name:"Right02",
   
    
   
}
</script>

<style scoped>
a{
  text-decoration: none;
  color: black;
}
.Right02-box{
    width: 100%;
    height: 100%;
    margin-left: .1rem;
}
.map01{
    width: 90%;
    height: 0.7rem;
    border-radius: 8%;
    margin: auto;
    margin-top: .1rem;
}
.map01 img{
    width: 100%;
    height: 100%;
    border-radius: 8%;
}
.map02{
    width: 90%;
    height: 0.7rem;
    border-radius: 8%;
    margin: auto;
    margin-top: 0.2rem;
}
.map02 img{
    width: 100%;
    height: 100%;
    border-radius: 8%;
}
section{
    margin-top: 0.2rem;
}
.Right02-box02{
    display: flex;
    flex-wrap: wrap;
}
.Right02-box01{
    font-size: .12rem;
    width: 0.6rem;
    height: 0.3rem;
    border: .01rem solid rgb(150, 149, 149);
    border-radius: 20%;
    text-align: center;
    line-height: 0.3rem;
    margin-left: .08rem;
    margin-top: .2rem;
}


</style>
